<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  computed: {
    requestCode() {
      return this.$store.state.permission.requestCode
    },
  },
  watch: {
    requestCode(val) {
      if (val === 302) {
        this.$router.replace('/302')
      }
    },
  },
}
</script>
<style lang="scss">
body .el-table th.gutter {
  display: table-cell !important;
}
/*
* 可以左右滑动
*/
.tab-overflow-x {
  overflow-x: visible;
  overflow-y: hidden;
  white-space: nowrap;
}
/**
  el-input disabled状态下内容字体颜色
 */
.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #666;
  cursor: not-allowed;
}
/**
el-steps样式修改
 */
.el-step__main {
  color: #ccc;
  .el-step__title.is-process {
    font-weight: normal;
    color: #ccc;
  }
  .el-step__title.is-finish {
    font-weight: 700;
  }
}
.el-step__head.is-process {
  .el-step__icon-inner {
    color: #ccc;
  }
}
.el-step__head.is-finish {
  .el-step__icon-inner {
    font-weight: 700;
  }
}

//表单 el-form el-form-item label居中显示
.el-form-item-label-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  .el-form-item__content {
    margin-left: 0px !important;
  }
}
//表单 label不加粗
.el-form-item {
  .el-form-item__label {
    font-weight: normal;
  }
}
</style>